<template>
    <div>
        <el-footer>
            <el-row >
                <el-col :span="5" style="margin-left:150px">
                    <p>东莞XXXXXXX有限公司</p>
                    <ul style="list-style-type:none">
                        <li><i class="el-icon-location-information"></i> 广东省广州市从化区</li>
                        <li><i class="el-icon-user"></i> 13800138000</li>
                        <li><i class="el-icon-message"></i> 13800138000@163.com</li>
                    </ul>
                </el-col>
                <el-col :span="5">
                    <img src="../../assets/img/top.png" style="width:100px;height:100px;margin-top:20px">
                </el-col>
                <el-col :span="10">
                    <pre class="left_title">首页  /  主营业务  /  关于我们  /  行业资讯  /  新闻中心  /  联系我们 </pre>
                    <pre>AAA 2021 东莞市XXXXXXX有限公司   丨    技术支持：广州嘉预网络科技有限公司</pre>
                </el-col>
            </el-row>
        </el-footer>
    </div>
</template>

<style scoped>
.el-footer{
    background: #343434;
    height: 200px !important;
    color: #fff;
    margin: 0 auto;
    font-size: 16px;
    padding-top: 40px;
    position: relative;
    z-index: 10000;
}
ul{
    margin-left: -42px;
}
ul li{
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 200;
    color: rgb(216, 214, 214);
}
.left_title{
    font-size: 12px;
    font-weight: bold;
}
pre{
    font-size: 8px;
     color: rgb(216, 214, 214);
     margin-top: 40px;
}

</style>